<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css">
    </head>
    <body>
            <div align="center">
                <img src="123.jpg" width="250">    
                <h2 class="centered mb">Hello!<br>MY NAME IS PETER AND IS THIS MY RESUME/CV</h2>
            </div>
            <div class="container">
                <div class="col-md-8 col-xs-8">
                <h3>//About me</h3>
                <p>高中生彼得·帕克在一次课外活动中意外的被一只受过放射性感染的蜘蛛咬伤后，获得蜘蛛一般的特殊能力。导致他决定成为蜘蛛侠的关键，是他放过了一个小毛贼，而那个人随后在一场抢劫事故中杀害了他的叔叔本，彼得认为这是他的错误，因此选择成为蜘蛛侠来阻止犯罪，拯救更多的人。</p>
                <h3>//Education</h3>
                    <div class="col-md-2 col-xs-2">
                    <li>1900</li>
                    <li>1995</li>
                    <li>2000</li>
                    <li>2017</li>
                    </div>
                    <div class="col-md-10 col-xs-10">
                    <li>彼得在中城高中念书，他成绩优异，但是在学校过的并不好。由于他过于害羞内向并常常沉浸在科学的世界里，大家都称他为书呆子彼得，不愿意和他玩。</li>
                    <li>高中生彼得·帕克在一次课外活动中意外的被一只受过放射性感染的蜘蛛咬伤后，获得蜘蛛一般的特殊能力</li>
                    <li>导致他决定成为蜘蛛侠的关键，是他放过了一个小毛贼，而那个人随后在一场抢劫事故中杀害了他的叔叔本，彼得认为这是他的错误，因此选择成为蜘蛛侠来阻止犯罪，拯救更多的人</li>
                    <li>从一个害羞的高中生到一个苦恼但外向的大学生，接着并结婚而且成为了自己高中母校的老师，并成为了超级英雄战队复仇者联盟的一员。</li>
                    </div>
                <h3>//Experience</h3>
                    <div class="col-md-2 col-xs-2">
                    <li>2002:托比·马奎尔</li>
                    <li>2017:汤姆·赫兰德</li>
                    </div>
                    <div class="col-md-10 col-xs-10">
                    <li>《蜘蛛侠》是美国导演山姆·雷米执导的超级英雄类型电影，改编自漫威漫画，由托比·马奎尔、克尔斯滕·邓斯特等主演。该片于2002年5月3日在美国首映。影片主要讲述了一位名叫彼得·帕克的学生被一只转基因蜘蛛咬到以后，具有了超人的力量，发誓要用他的超级能力与犯罪行为作战的故事。</li>
                    <li>《蜘蛛侠：英雄归来》（Spider-Man:Homecoming）是2017年漫威影业与哥伦比亚影业联合出品，索尼电影娱乐公司发行的一部科幻动作电影，由乔恩·沃茨执导，汤姆·赫兰德、迈克尔·基顿、小罗伯特·唐尼、玛丽莎·托梅等主演</li>
                    </div>
                </div>



                <div  class="col-md-4 col-xs-4">
                <h2>//contact</h2>
                    <div  class="col-md-2 col-xs-2">
                    <span class="glyphicon glyphicon-earphone" aria-hidden="true"></span>
                    </div>
                    <div  class="col-md-10 col-xs-10">
                        12912481289<br>
                        www.hao123.com
                    </div>
                    <div  class="col-md-2 col-xs-2">
                    <span class="glyphicon glyphicon-earphone" aria-hidden="true"></span>
                    </div>
                    <div  class="col-md-10 col-xs-10">
                        1341356247357<br>
                        905996735@qq.com
                    </div>
                <h2>//Skills</h2>
                <li>蜘蛛感应</li>
                <li>蜘蛛力量</li>
                <li>自愈能力</li>
                <li>吸附能力</li>
                <li>蜘蛛战衣</li>
                <h2>//Languages</h2>

                    <div  class="col-md-8 col-xs-8">
                    <li>Polish</li>
                    </div>
                    <div  class="col-md-4 col-xs-4">
                            <span class="glyphicon glyphicon-star" aria-hidden="true"></span><span class="glyphicon glyphicon-star" aria-hidden="true"></span><span class="glyphicon glyphicon-star" aria-hidden="true"></span><span class="glyphicon glyphicon-star" aria-hidden="true"></span><span class="glyphicon glyphicon-star" aria-hidden="true"></span>
                    </div>
                    <div  class="col-md-8 col-xs-8">
                    <li>English</li> 
                    </div>
                    <div  class="col-md-4 col-xs-4">
                            <span class="glyphicon glyphicon-star" aria-hidden="true"></span><span class="glyphicon glyphicon-star" aria-hidden="true"></span><span class="glyphicon glyphicon-star" aria-hidden="true"></span><span class="glyphicon glyphicon-star" aria-hidden="true"></span><span class="glyphicon glyphicon-star" aria-hidden="true"></span>
                    </div>
                <h2>//Hobbys</h2>
                <li>滑板</li>
                <li>乐高积木</li>
                </div>
            </div> 
    </body>
</html>
